<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div class="chat-panel" id="chatPanel">
        <div class="chat-panel__header">
            <div class="chat-panel__header__main"><span class="chat-panel__header__main__nickname">Romantic</span><span
                    class="chat-panel__header__main__extend">的文件传输助手</span></div>
            <div class="chat-panel__header__extend">
                <!-- <span
        class="icon icon__download__webapp"
        title="添加到桌面"
        @click="handlLogout"></span> -->
                <span class="icon icon__more"></span><span class="icon icon__loginout" title="关闭"></span>
                <!--下拉菜单--><!--v-if-->
            </div>
        </div>
        <!--文件列表-->
        <div class="chat-panel__body" id="chatBody">
            <p class="chat-panel__body-empty">你可以使用「手机微信&gt;文件传输助手」与电脑互传文件</p>
        </div>
        <div class="chat-panel__input">
            <div class="chat-panel__input-operations"><input type="file" multiple="" id="btnFile"
                    style="display: none;"><a href="javascript:;" title="上传文件"
                    class="icon icon__files js_fileupload"></a></div><textarea
                class="chat-panel__input-container"></textarea>
            <div class="chat-panel__input-send">
                <!-- <span class="chat-panel__input-send__desc"><template v-if="isMacOS">按下 Cmd + Enter 换行</template><template v-else>按下 Ctrl + Enter 换行</template></span> --><a
                    href="javascript:;" class="chat-send__button chat-send__button__disabled">发送</a>
            </div>
        </div>
        <!--拖拽过来时候的mask--><!--v-if-->
        <!--图片预览-->
        <!-- <v-image-preview
v-if="isShowMediaPreview"
:imgPreviewList="imgPreviewList"
:currentIndex="mediaCurrentIndex"
@close="handleClosePreview" /> -->
        <!--视频预览-->
        <!-- <v-video-preview
v-if="isShowVideoPreview"
:item="videoPreviewItem"
@close="handleCloseVideoPreview" /> -->
        <!--多媒体查看器，包括视频、图片-->
        <!--v-if-->

    </div>
</body>
<script>
    // document.addEventListener("keydown", keyEventHandler);
    // function keyEventHandler(event) {
    //     alert(event.keyCode)
    // }
    // window.onbeforeunload = function() {
    //     alert('event')
    // };
    if (window.history && window.history.pushState) {
        $(window).on('popstate', function () {
            var hashLocation = location.hash; var hashSplit = hashLocation.split("#!/");
            var hashName = hashSplit[1];
            if (hashName !== '') { var hash = window.location.hash; if (hash === '') { alert('後退按鈕點擊'); } }
        });
        window.history.pushState('forward', null, './#forward');
    }
</script>

</html>